<!DOCTYPE html>
<html lang="en">

<head>
    <title></title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- <link href="css/style.css" rel="stylesheet"> -->
    <link rel="stylesheet" href="./font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <script src="./js/jquery.min.js"></script>
    <script src="./js/bootstrap.min.js"></script>
</head>
<style>
    figure img {
        box-shadow: 5px 6px 15px rgba(161, 161, 161, 0.9)
    }

    .figure-caption {
        margin-top: 5px;
        font-size: 20px;
    }
			* {
				margin: 0;
				padding: 0;
			}
			
			ul li {
				list-style: none;
				float: left;
				margin-left: 60px;
				line-height: 60px;
			}
			
			a {
				text-decoration: none;
				color: rgb(229, 35, 61);
			}
			
			ul li a:hover {
				color: orange;
				text-decoration: none;
			}
			.ok{
				height: 36px;
         background-color: #863c13;
			}
			.j{
				
              font-size: 20px;
        float: left;
         margin-left:500px;
          height: 36px;
			}
			.center{
				width: 1200px;
              height: 36px;
              margin: 0 auto;
              line-height: 36px;
			}
			.hhh{
				color: rgb(236, 242, 232);
               font-size: 19px;
			   line-height: 35px;
                 float: right;
			}
			.hhh a{
				color: #f4ecec;
                margin: 0 5px;
                 font-size: 18px;
			}
</style>

<body>
    <div class="container-fluid px-0">
        <div class="ok">
            <div class="center">
                <div class="j" style="color: rgb(230, 237, 237);">
                    <b>校园失物招领系统</b>


                </div>
                <div class="hhh">

                    <a href="shiwu1.html">登录</a>
                    <a href="zhuce.html">免费注册</a>
                    <a href="#">购物车</a>
                    <a href="#">我的订单</a>

                </div>

            </div>
        </div>

        <div class="w-100  d-flex justify-content-center"
            style="height: 60px;background-color:#1d1d22;min-width: 800px;">
            <div class="" style="color: white;">
                <ul class="">
                    <li>
                        <a href="./gui.html">首页</a>
                    </li>
                    <li>
                        <a href="fxx_GGXX.html">公告信息</a>
                    </li>
                    <li>
                        <a href="shiwu1.html">失物信息</a>
                    </li>
                    <li>
                        <a href="zhaoling1.html">招领信息</a>
                    </li>
                    <li>
                        <a href="demo00.html">交流论坛</a>
                    </li>
                    <li>
                        <a href="liuyan.html">留言反馈</a>
                    </li>
                    <li>
                        <a href="personal.html">个人中心</a>
                    </li>
                    <li>
                        <a href="./后台/index.html">后台管理</a>
                    </li>

                </ul>

            </div>

        </div>
    </div>

    <div class="container">
        <!-- 导航 -->
        <nav aria-label="breadcrumb" style="height: 58px;margin-top: 30px;">
            <ol class="breadcrumb"
                style="font-size: 18px; height: 55px;line-height: 30px;background-color: #ffffff;box-shadow: 0px 0px 8px rgba(255, 178, 223, 0.9) ">
                <li class="breadcrumb-item" style="margin-top: 0px;margin-right: 10px;">
                    <a href="gui.html" style="color: darkgray;">首页</a>
                </li>
                <li class="breadcrumb-item">
                    <button
                        style="width: 120px;margin-left: 20px;margin-top: -5px;color: #7f4e16;box-shadow: 0px 0px 3px rgba(121, 83, 31, 0.9) ;font-size: 18px;"
                        type="button" class="btn btn-outline-secondary">笔记本</button>
                </li>
            </ol>
        </nav>
        <!-- 内容 -->
        <div class="row" style="margin-top:8px ;">
            <div class="col-6">
                <img src="./img/111.png" class="img-fluid" alt="..."
                    style="box-shadow: 4px 4px 3px rgba(135, 91, 62, 0.9)">
            </div>
            <div class="col-6" style="padding: 0px;">
                <div class="container">
                    <table class="table table-hover border-bottom">
                        <thead>
                            <tr style="background-color: #7f4e16;">
                                <th style="color: #ffffff;">笔记本</th>
                                <th></th>

                            </tr>
                        </thead>
                        <tbody style="font-size: 14PX;">
                            <tr>
                                <td>物品类别:</td>
                                <td>Doe</td>
                            </tr>
                            <tr>
                                <td>丢失地点:</td>
                                <td>Moe</td>
                            </tr>
                            <tr>
                                <td>丢失时间:</td>
                                <td>Dooley</td>
                            </tr>
                            <tr>
                                <td>用户名:</td>
                                <td>Dooley</td>
                            </tr>
                            <tr>
                                <td>姓名:</td>
                                <td>Dooley</td>
                            </tr>
                            <tr>
                                <td>手机:</td>
                                <td>Dooley</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <!-- 底部 -->

        <div style="margin-top: 5px; box-shadow: 0px 0px 8px rgba(170, 161, 166, 0.9)">
            <!-- Nav pills -->
            <ul class="nav nav-pills" style="background-color: #f2f2f2;">
                <li class="nav-item">
                    <a class="nav-link active" data-toggle="pill" href="#home">详细描述</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" data-toggle="pill" href="#menu1">评论</a>
                </li>
            </ul>

            <!-- Tab panes -->
            <div class="tab-content" style="margin-top: 10px;height: 200px;background-color: #ffffff;padding: 8px;">
                <div class="tab-pane active container" id="home" style="border: 1px solid #7f4e16;height: 180px;border-radius: 10px;">
                    下雨天气，在大明湖畔捡到，机表有泥渍
                </div>
                <div class="tab-pane container" id="menu1" style="border: 1px solid #7f4e16;height: 180px;border-radius: 10px;">
                    <form>
                        <div class="" style="margin: 20px;display: flex;text-align: center;">                         
                            <span style="margin-top: 40px;margin-left: 20px;">评论</span>
                            <input type="text" class="form-control" id="validationDefault01" value="请输入评论内容" required style="width: 750px;height: 100px;border: 1px solid #7f4e16;">
                        </div>
                        <div style="text-align: center;">
                            <button class="btn btn-primary" type="submit" style="background: #7f4e16;border: #7f4e16;">立即提交</button>
                            <button class="btn btn-secondary" type="submit">重置</button>
                        </div>
                      </form>
                </div>
            </div>
        </div>


    </div>
    <script>
        
    </script>
</body>

</html>